<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>计算工具-首页</title>
		<link rel="stylesheet" type="text/css" href="css/vue.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<style>
			.useRightNow{
				width: 200px;
				height: 45px;
				border: 1px solid #32C37C;
				font-size: 14px;
				font-weight: 700;
				color: #32C37C;
				background-color: #fff;
				margin-top: 30px;
			}
		</style>
	</head>
	<body>
		<div class="index">
			<!--模块头部 start-->
			<div class="indexHead">
				<div class="loginHeadContent">
					<div class="fl">
						<a href="javascript:void(0);"><img src="img/indexLogo.png" class="houseLogo"/></a>
					</div>
					<div class="fr">
						<div class="aGroup">
							<a class="loginMenu" href="javascript:void(0);">项目圈</a>
							<a class="loginMenu" href="javascript:void(0);">材料数据库</a>
							<a class="loginMenu" href="javascript:void(0);">计算工具</a>
							<div class="clear"></div>
						</div>
						<div class="btnGroup">
							<a class="btn" href="javascript:void(0);">注册</a>
							<a class="btn" href="javascript:void(0);">登录</a>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--模块尾部 end-->
			
			<!--banner头部 start-->
			<div class="banner">
				<div class="bannerContent">
					<div class="bannerText">
						<div class="bannerTitle">预评价工具</div>
						<div class="bannerDec mt30">
							<p>预测室内空气质量变化趋势，计算实时污染负荷，解析污染源头，</p>
							<p>输出控制要求，精确优化设计方案</p>
						</div>
						<button class="useRightNow">立即使用</button>
					</div>
					<div class="bannerLogo">
						<img src="img/banner04.png"/>
					</div>
					<div class="clear"></div>
				</div>
				<!--<div id="canvas-cont">
				  	<canvas class="waterwave-canvas"style="height: 390px !important;width: 100% !important;"></canvas>
				</div>-->
				<img src="img/indexWave.png" class="bannerAnimation"/>
			</div>
			<!--banner尾部 end-->
			
			<!--step1 start-->
			<div class="step1">
				<div class="step1Content">
					<div class="step1Left">
						<img src="img/cStep1.png" class="wid100"/>
					</div>
					<div class="step1Right">
						<div class="step1Title">平面布局</div>
						<div class="step1Dec">
							<p>录入建筑基本信息，上传户型图片，生成平面</p>
							<p>布局矢量图，提取房间信息</p>
						</div>
					</div>
				</div>
			</div>
			<!--step1 end-->
			
			<!--step2 start-->
			<div class="step2">
				<div class="step2Content">
					<div class="step2Left">
						<div class="step1Title">控制目标</div>
						<div class="step1Dec">
							<p>选定计算污染类型和参数、确定空气质量等级和</p>
							<p>污染浓度限量</p>
						</div>
					</div>
					<div class="step2Right">
						<img src="img/cstep2.png" class="wid100"/>
					</div>
				</div>
			</div>
			<!--step2 end-->
			
			<!--step3 start-->
			<div class="step1">
				<div class="step1Content">
					<div class="step1Left">
						<img src="img/cstep3.png" class="wid100"/>
					</div>
					<div class="step3Right">
						<div class="step1Title">源头设置</div>
						<div class="step1Dec">
							<p>与控制目标选定的污染类型对应，设置化学污染源、</p>
							<p>颗粒物污染源、二氧化碳污染源及放射性源</p>
						</div>
					</div>
				</div>
			</div>
			<!--step3 end-->
			
			<!--step4 start-->
			<div class="step2">
				<div class="step2Content">
					<div class="step4Left">
						<div class="step1Title">时间设置</div>
						<div class="step1Dec">
							<p>应按装饰装修工程的工序和关键装修分项时间设置</p>
							<p>施工进度；填写日常生活作息，指定模拟计算时段</p>
						</div>
					</div>
					<div class="step2Right">
						<img src="img/cstep4.png" class="wid100"/>
					</div>
				</div>
			</div>
			<!--step4 end-->
			
			<!--step5 start-->
			<div class="step1">
				<div class="step1Content" style="border-bottom: 1px solid #d9d9d9;">
					<div class="step1Left">
						<img src="img/cstep5.png" class="wid100"/>
					</div>
					<div class="step5Right">
						<div class="step1Title">通风设置</div>
						<div class="step1Dec">
							<p>设置建筑通风方式、通风量、及作息，设定自然通风</p>
							<p>房间的最小换气次数或机械通风系统设计/运行风量</p>
						</div>
					</div>
				</div>
			</div>
			<!--step5 end-->
			
			<!--step6 start-->
			<div class="step2">
				<div class="step2Content">
					<div class="step6Left">
						<div class="step1Title">计算报告</div>
						<div class="step1Dec">
							<p>预测建成后室内污染物的浓度、污染负荷，解析污染源组成</p>
							<p>根据计算结果自动反算调整建议及分项控制要求，生成设计</p>
							<p>计算报告</p>
						</div>
					</div>
					<div class="step2Right">
						<img src="img/cstep6.png" class="wid100"/>
					</div>
				</div>
			</div>
			<!--step6 end-->
			
			<!--footer start-->
			<div class="footer">
				<div class="footerContent">
					<div class="footerLeft">Copyright © 2008 - 2017 深圳市建筑科学研究院 All Rights Reserved</div>
					<div class="footerRight">
						<a class="" href="javascript:void(0);">常见问题</a>
						<a class="" href="javascript:void(0);">联系我们</a>
						<a class="" href="javascript:void(0);">关于我们</a>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--footer end-->
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<!--<script type="text/javascript" src="js/jquery.waterwave.js"></script>
	<script type="text/javascript">
		$(function(){
		    var box = $(".waterwave-canvas").waterwave({
		        direction: 'up',
		       	background: 'img/indexWave.png',
		    });
		});
	</script>-->
</html>
